$theme-color:green;
$sb:space-between;
$sa:space-around;
$c:center;
$fs:flex-start;
$fe:flex-end;
$row:row;
$row-r:row-reverse;
$col:column;
$col-r:column-reverse;
@mixin customFlex($row:center, $col:center,$fd:row){
    display: flex;
    flex-direction:$fd;
    justify-content: $row;
    align-items: $col;
}

@for $i from 0 through 50 {
	.m-l#{$i} {
		margin-left: $i + px!important;
	}
	.m-r#{$i} {
		margin-right: $i + px!important;
	}
	.m-t#{$i} {
		margin-top: $i + px!important;
	}
	.m-b#{$i} {
		margin-bottom: $i + px!important;
	}
	.-m-l#{$i} {
		margin-left: -$i + px!important;
	}
}

@for $i from 0 through 50 {
	.m-l#{$i} {
	  margin-left: $i + px !important;
	}
	.m-r#{$i} {
	  margin-right: $i + px !important;
	}
	.m-t#{$i} {
	  margin-top: $i + px !important;
	}
	.m-b#{$i} {
	  margin-bottom: $i + px !important;
	}
	.-m-l#{$i} {
	  margin-left: -$i + px !important;
	}
	.p-l#{$i} {
	  padding-left: $i + px !important;
	}
	.p-r#{$i} {
	  padding-right: $i + px !important;
	}
	.p-t#{$i} {
	  padding-top: $i + px !important;
	}
	.p-b#{$i} {
	  padding-bottom: $i + px !important;
	}
  }
// 定义字体(px)单位，12-40px字体
@for $i from 12 through 50 {
	.f-s#{$i} {
		font-size: $i + px!important;
	}
}
.fff {
	color: #fff;
}